LovOcupacion = function(){
	return {
		windowLovOcupaciones : function(){
			Ext.define("ocupacionModel", {
		        extend: 'Ext.data.Model',
		        fields: [
	                 "ocupacionCodigo",
	                 "ocupacionNombre",
	                 "ciuo04Nombre",
	                 "ciuo03Nombre",
	                 "ciuo02Nombre",
	                 "ciuo01Nombre"
	            ]
		    });
			var ocupacionesStore = Ext.create("Ext.data.Store", {
				model: "ocupacionModel",
				proxy: {
		            type: 'ajax',
		            url: Asg.constants.CONTEXT_PATH + "/ciuo/findBy",
		            reader: {
		                type: 'array'
		            }
		        },
		        listeners: {
			    	beforeload: function(store, operation, options){
			    		if(!operation) operation = {};
			    		if(!operation.params) operation.params = {};
			    		if(Ext.getCmp("ocupacionSearch"))
			    			operation.params["redOfertaForm.redOfertaDatoPuesto"] = Ext.getCmp("ocupacionSearch").getValue();
			    	}
			    }
			});
			new Ext.Window({
				id: "windowLovOcupaciones",
				layout: "fit", 
				title: " .::. OCUPACIONES .::.",
				modal: true,
				width: 750,
				height: 500,
				maximizable: false,
				resizable	: false,
	        	bodyStyle: "background: #DFE8F6",
	        	items: [{
	        		xtype: 'grid',
					id: 'gridOcupaciones',
					flex: 1,
					margins: "5 5 5 5",
					store: ocupacionesStore,
					title: 'BUSCAR OCUPACIONES',
					columns: [
						{
							xtype:"actioncolumn",
							width: 25,
							items: [
						        {
						        	icon: Asg.constants.CONTEXT_PATH + "/resources/images/send.png",
						        	tooltip: "CARGAR INFORMACION",
						        	iconCls: "action_icons",
						        	handler: function(grid, rowIndex, colIndex){
						        		var record = grid.getStore().getAt(rowIndex);
						        		if(record != null){
						        			Asg.Utils.setValue("ocupacionCodigo", record.get("ocupacionCodigo"));
						        			Asg.Utils.setValue("ocupacionNombre", record.get("ocupacionNombre"));
						        			Ext.WindowMgr.get("windowLovOcupaciones").close();
						        		}
						        	}
						        }
					        ]
						},
					    {header: 'Cod.', dataIndex: 'ocupacionCodigo', width: 50},
			          	{header: 'Nombres', dataIndex: 'ocupacionNombre', width: 200},
			          	{header: 'Cat 4', dataIndex: 'ciuo04Nombre', flex:1, width: 350},
			          	{header: 'Cat 4', dataIndex: 'ciuo03Nombre', flex:1, width: 350},
			          	{header: 'Cat 4', dataIndex: 'ciuo02Nombre', flex:1, width: 350},
			          	{header: 'Cat 4', dataIndex: 'ciuo01Nombre', flex:1, width: 350}
		            ],
		            tbar: [
	        	       "->",
	        	       {
	           	        	text: "Buscar",
	           	        	iconCls: Asg.constants.BUSCAR_ICON,
	           	        	handler: function(){
	           	        		var store = Ext.getCmp("gridOcupaciones").getStore();
		           	 			//store.currentPage = 1;
		           	 			store.load();
	           	        	}
	           	        }
        	        ],
        	        dockedItems: [{
        	        	xtype: "toolbar",
		            	dock: "top",
		            	items: [
	            	       "<b>OCUPACION</b>",
	            	       {
	            	    	   xtype: "textfield",
	            	    	   name: "ocupacionSearch",
	            	    	   id: "ocupacionSearch",
	            	    	   margins: "0 0 0 6",
	            	    	   width: 205
	            	       }
		            	]
        	        }]
	        	}]
			}).show();
		}
	};
}();